<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no,
    maximum-scale=1.0,minimum-scale=1.0">
    <title>苏宁</title>
    <!-- 引入文件 -->
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="shortcut icon" href="favicon.ico">

</head>

<body>
    <!-- search -->
    <search class="search-concent">
        <div class="search-concent-one">
            <a href="#" class="classic"><img src="images/search-fl.png" alt=""></a>
            <a href="#" class="search-top"><img src="upload/search-top.gif" alt=""></a>
            <a href="#" class="login"><img src="images/search-dl.png" alt=""></a>
        </div>
        <div class="search-concent-two">
            <a href="#" class="search">疯抢400元大额神券<i class="search-ico"></i></a>
        </div>
    </search>
    <!-- banner -->
    <div class="banner">
        <div class="banner-img"><img src="upload/banner.gif" alt=""></div>
    </div>
    <!-- opa -->
    <a href="#" class="opa1"><img src="upload/opa1.webp" alt=""></a>
    <div class="opa2">
        <a href="#"><img src="upload/opa2.gif" alt=""></a>
        <a href="#"><img src="upload/opa3.png" alt=""></a>
    </div>
    <!-- nav -->
    <nav>
        <a href="#">
            <img src="images/nav1.png" alt="">
            <span>苏宁秒杀</span>
        </a>
        <a href="#">
            <img src="images/nav2.png" alt="">
            <span>苏宁超市</span>
        </a>
        <a href="#">
            <img src="images/nav3.png" alt="">
            <span>苏宁拼购</span>
        </a>
        <a href="#">
            <img src="images/nav4.png" alt="">
            <span>手机数码</span>
        </a>
        <a href="#">
            <img src="images/nav5.png" alt="">
            <span>苏宁家电</span>
        </a>
        <a href="#">
            <img src="images/nav6.png" alt="">
            <span>免费水果</span>
        </a>
        <a href="#">
            <img src="images/nav7.png" alt="">
            <span>赚钱消消乐</span>
        </a>
        <a href="#">
            <img src="images/nav8.png" alt="">
            <span>签到有礼</span>
        </a>
        <a href="#">
            <img src="images/nav9.png" alt="">
            <span>领券中心</span>
        </a>
        <a href="#">
            <img src="images/nav10.png" alt="">
            <span>更多频道</span>
        </a>
    </nav>
    <!-- 广告 -->
    <div class="floor">
        <a href="#"><img src="upload/floor1.gif" alt=""></a>
        <a href="#"><img src="upload/floor2.gif" alt=""></a>
        <a href="#"><img src="upload/floor.gif" alt=""></a>
    </div>
    <!-- 折扣区 -->
    <div class="zhekou top-radiu">
        <div>
            <h1>天天低价</h1>
            <p>人气好货限时抢</p>
            <ul>
                <li>
                    <img src="upload/z1.jpg" alt="">
                    <p>¥<span>1</span>.58</p>
                </li>
                <li>
                    <img src="upload/z2.jpg" alt="">
                    <p>¥<span>7</span>.9</p>
                </li>
            </ul>
        </div>
        <div>
            <h1>苏宁秒杀</h1>
            <p>品质好货天天秒</p>
            <ul>
                <li>
                    <img src="upload/z3.webp" alt="">
                    <p>¥<span>1</span>.58</p>
                </li>
                <li>
                    <img src="upload/z4.webp" alt="">
                    <p>¥<span>7</span>.9</p>
                </li>
            </ul>
        </div>
    </div>
    <div class="zhekou">
        <div>
            <h1>百亿补贴</h1>
            <p>11.11梦想成真</p>
            <ul>
                <li>
                    <img src="upload/z5.webp" alt="">
                    <p>¥<span>1</span>579</p>
                </li>
                <li>
                    <img src="upload/z6.webp" alt="">
                    <p>¥<span>2</span>46</p>
                </li>
            </ul>
        </div>
        <div>
            <h1>苏宁拼购</h1>
            <p>2人拼更实惠 全场包邮</p>
            <ul>
                <li>
                    <img src="upload/z7.webp" alt="">
                    <p>¥<span>1</span>9.8</p>
                </li>
                <li>
                    <img src="upload/z8.webp" alt="">
                    <p>¥<span>4</span>69</p>
                </li>
            </ul>
        </div>
    </div>
    <div class="tuijian bottom-radiu">
        <div>
            <h1>为你推荐</h1>
            <p>精选频道</p>
        </div>
        <a href="#">
            <img src="upload/t1.webp" alt="">
            <p>苏宁国际</p>
        </a>
        <a href="#">
            <img src="upload/t2.webp" alt="">
            <p>苏宁Outlets</p>
        </a>
        <a href="#">
            <img src="upload/t3.png" alt="">
            <p>苹果首发</p>
        </a>
        <a href="#">
            <img src="upload/t4.webp" alt="">
            <p>0元试用</p>
        </a>
    </div>
    <!-- 推荐榜单 -->
    <div class="new-bd">
        <img src="upload/tj.png" alt="">
        <div class="bd-one">
            <div>
                <img src="upload/n1.webp" alt="">
                <img src="upload/bg1.png" alt="" class="bg">
                <span>人气榜</span>
                <p>清洁洗发水榜</p>
                <p class="bd-font-two">卖爆4.7万件</p>
            </div>
            <div>
                <img src="upload/n2.webp" alt="">
                <img src="upload/bg2.png" alt="" class="bg">
                <span>趋势榜</span>
                <p>贴合水润面膜榜</p>
                <p class="bd-font-two">本周趋势上升74%</p>
            </div>
            <div>
                <img src="upload/n3.webp" alt="">
                <img src="upload/bg1.png" alt="" class="bg">
                <span>趋势榜</span>
                <p>足部养生按摩榜</p>
                <p class="bd-font-two">本周趋势上升104%</p>
            </div>
        </div>
        <div class="zhekou top-radiu">
            <div>
                <h1>天天低价</h1>
                <p>人气好货限时抢</p>
                <ul>
                    <li>
                        <img src="upload/z1.jpg" alt="">
                    </li>
                    <li>
                        <img src="upload/z2.jpg" alt="">
                    </li>
                </ul>
            </div>
            <div>
                <h1>苏宁秒杀</h1>
                <p>品质好货天天秒</p>
                <ul>
                    <li>
                        <img src="upload/z3.webp" alt="">
                    </li>
                    <li>
                        <img src="upload/z4.webp" alt="">
                    </li>
                </ul>
            </div>
        </div>
        <div class="zhekou bottom-radiu">
            <div>
                <h1>百亿补贴</h1>
                <p>11.11梦想成真</p>
                <ul>
                    <li>
                        <img src="upload/z5.webp" alt="">
                    </li>
                    <li>
                        <img src="upload/z6.webp" alt="">
                    </li>
                </ul>
            </div>
            <div>
                <h1>苏宁拼购</h1>
                <p>2人拼更实惠 全场包邮</p>
                <ul>
                    <li>
                        <img src="upload/z7.webp" alt="">
                    </li>
                    <li>
                        <img src="upload/z8.webp" alt="">
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 底部nav -->
    <nav class="nav-bottom">
        <a href="#"><img src="images/nav-b1.png" alt=""><span>猜你喜欢</span></a>
        <a href="#"><img src="images/nav-b2.png" alt=""><span>分类</span></a>
        <a href="#"><img src="images/nav-b3.png" alt=""><span>排行榜</span></a>
        <a href="#"><img src="images/nav-b4.png" alt=""><span>购物车</span></a>
        <a href="#"><img src="images/nav-b5.png" alt=""><span>我的易购</span></a>
    </nav>
    <!-- 右侧定位app -->
    <a href="#" class="app">
        <img src="images/a.png" alt="">
    </a>
</body>

</html>